iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 6
1
自我挑戰組

軟體開發商新手 PM 30 個第一次系列 第 6

【第 6 個第一次】 初次認識無障礙網頁 Web Accessibility

  • 分享至 

  • xImage
  •  

Day 6 - 客戶說 : 我們網站要過無障礙審核唷 ! 我記得是要 AA 的那種

一般使用網站的時候比較少會去注意到所謂的「無障礙網頁」,乍聽之下想到的會是能讓電腦語音唸出來的多半都是大方向的無障礙,但是還有所謂的分級制度以及更細的相關規範就必須再多研讀,是否整個專案的期程也都需要評估..

大家好,我是 Jade Chang
先前任職於科技外商,主要負責對於 Developers 的開發經驗體驗,過去 5-6 年出沒於技術社群以及大專院校。嘗試過直播節目、技術黑客松、帶狀節目系列以及線上短期活動等行銷策略,半年前轉職到台灣在地的軟體開發商,從事行銷與專案經理,也合夥新創了一間數位公司,超展開職涯要開始囉!!!

先來談談【無障礙網頁】的標準說明

「無障礙」這個詞我想大家都算蠻耳熟能詳,現在多半的公共場所以及較為新建的大樓都有所謂的無障礙空間規範,像是表演中心、電影院、百貨公司等等,都有提供斜坡、保留席甚至是手語翻譯或是字幕等等,近年來對於無障礙朋友的重視度也大幅提升 但是還有很多可以進步的地方

所謂的「無障礙網頁」是為了讓這些身心障礙朋友可能是受限於視力、聽力、活動力或認知能力,或是最根本的出自於硬體設備及本身能力虧損的人,上網恐怕要比一般人多了更多的不便與困難。因此,為了讓所有人都能夠成功進入網站並獲取完整資訊,才有了相關規範來保障「所有人」都能享受網路帶來便利的新生活。

W3C(World Wide Web Consortium)協會的 Web Accessibility Initiative(WAI)組織訂定的網站無障礙內容相關標準,其適用範圍包括有視覺障礙 (visual disabilities)、聽力障礙 (hearing disabilities)、肢體障礙 (physical disabilities)、和認知障礙或神經疾病 (cognitive orneurological disabilities)等方面的身心障礙人士使用網站資訊所必須考慮的種種因素。除此之外,其考慮因素也包括這些身心障礙人士所使用的特殊上網裝置(包括螢幕報讀軟體、螢幕擴大機、特殊按鈕、特殊鍵盤、特殊顯示裝置、點字輸入裝置和點字顯示器等)

哪些是無障礙網站?

2013年,修訂《各級政府機關機構與學校網站無障礙化檢測及認證標章核發辦法》與《無障礙網頁開發規範
相關政府機構以及教育單位都是需要過無障礙網頁的,這邊提供幾個讓大家上去看看,通常都是網頁最下面的 footer 會有!

無障礙網頁有 3 種分級

https://ithelp.ithome.com.tw/upload/images/20200920/20094570JgzeUp2JZ8.png
來源:【無障礙網頁祕技】認識無障礙網頁與分級

同時也上網查看這三種制度的差異,但因為實在是太多,這邊列出幾點我看到的

  • 替代文字:為任何非文字的內容提供相等意義的替代文字,使這些內容能依人們的需求,轉變成大字版、點字、語音、符號或簡化過的語言等不同型態
  • 時序媒體:針對時序媒體提供替代內容
  • 可調適:建立能以不同方式(例如簡化的版面)呈現,而仍不會喪失資訊或結構的內容
  • 可辨識:讓使用者能更容易地看見及聽到內容、區分前景和背景
  • 鍵盤可操作:讓所有的功能都能透過鍵盤使用
  • 充足時間:提供使用者充分的時間來閱讀及使用內容
  • 防痙攣:不要用任何已知會引發痙攣的方式來設計內容
  • 可導覽:提供協助使用者導覽、尋找內容及判斷所在的方法
  • 可讀性:讓文字內容可讀並可理解
  • 可預期性:讓網頁以可預期的方式來呈現及運作
  • 輸入協助:幫助使用者避開及更正錯誤
  • 相容性:針對目前及未來的使用者代理與輔助科技,最大化其相容性

拿時序媒體舉例。三個層級的差別類似以下:

  • A : 文字之外,須預先預錄純音訊或是純視訊
  • AA : 音訊內容必須提供字幕,視訊內容必須提供音訊描述
  • AAA : 音訊內容必須提供手語翻譯,也須提供字幕

通常所謂的無障礙網頁都是依照**「4原則12指引3等級66成功準則」** 來做審核與開發
https://ithelp.ithome.com.tw/upload/images/20200920/20094570W1BC4xh30Z.png

如何知道我的網頁有沒有通過檢測

要拿到這個標章要多久?

專案管理通常如果遇到客戶網站需要通過無障礙標準,時程時程一定要多拉長,這邊是通訊委員上面提供的標準審核流程,來來回回最少 14 天跑不掉,通常開發與設計上面都會需要預留更多時間,包含自行要先檢驗是否通過檢測,要事先留意的細節也很多。
https://ithelp.ithome.com.tw/upload/images/20200920/20094570dZO8PoSi8o.png

One more thing!

公司每周都有讀書會,紀錄每天讀到的精華給大家 Take Away
今天是周末,分享下午看到的電影:

<<攻其不備>>
隨便任何傻瓜都能夠擁有勇氣
但是榮耀,才會是你選擇該不該做這件事的主因
I mean any fool can have courage. But honor, that's the real reason you either do something or you don't.

歡迎訂閱我 Medium 或是透過 Facebook 一起來交流


上一篇
【第 5 個第一次】 手機介面常見部位的專有名詞
下一篇
【第 7 個第一次】 Hello ! PWA 漸進式網頁,怎麼現在才知道你 !
系列文
軟體開發商新手 PM 30 個第一次30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言